<template>
	<div>
		<!-- 2.账号确权设置 -->
		<div class="cont_two">
			<div class="cont_two_view">
				<div class="cont_two__header">目前仅文章类作品支持自动确权</div>
				<div class="cont_two_line"></div>
				<div class="cont_two_cont">
					<div class="cont_two_left">
						<span>确权设置：</span>
					</div>
					<div class="cont_two_rigth">
						<RadioGroup v-model="queRightStatus">
							<Radio label="noRight">
								<span>账号内容不需确权</span>
							</Radio>
							<Radio label="needRight">
								<span>账号内容自动确权</span>
								<span>（当前剩余确权次数<i style="color: #E94747;" id="que_cs">20</i>次，若确权次数不足，将自动停止确权）</span>
							</Radio>
						</RadioGroup>
						<!-- <div class="cont_two_top">
							<div>
								<input type="radio" name="que" class="que" id="que_one" value="0" checked /> 账号内容不需确权
							</div>
							<div>
								<input type="radio" name="que" class="que" id="que_two" value="1" /> 账号内容自动确权
								<span>（当前剩余确权次数<i style="color: #E94747;" id="que_cs">20</i>次，若确权次数不足，将自动停止确权）</span>
							</div>
						</div> -->
						<div class="cont_two_bottom">
							<div>
								<span>账号所属主体：</span>【<span id="full_name">主体名称</span>】
							</div>
							<div>
								<span>确权声明示例：</span><span>作品<i style="color:#6699FF;">《作品名称》</i>已申请TSA可信时间戳数字版权保护，版权均属<i style="color:#6699FF;"
									 id="fullName">当前账号主体</i>所有，未经允许，任何单位及个人不得转载、摘编或以其它方式使用本作品。</span>
							</div>
						</div>
					</div>
				</div>
				<div class="cont_two_btns">
					<div>
						<span class="cont_one_last_step up_two" @click="backStepToThree">上一步</span>
						<span class="cont_one_next_step down_two" @click="nextStepToThree">下一步</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				// 确权状态
				queRightStatus:'noRight',
			};
		},
		methods: {
			// 第二步到第三步
			nextStepToThree(){
				//切换顶部的状态
				let statusValue = 'three';
				this.$emit("changestepstatus", statusValue);
			},
			// 第三步返回第二步
			backStepToThree(){
				//切换顶部的状态
				let statusValue = 'one';
				this.$emit("changestepstatus", statusValue);
			}
		},
		
		beforeMount: function() {
			// console.log("47")
		},
		mounted: function() {
			// console.log("7777777777")
		},
	}
</script>

<style type="less">
	.cont_one .cont_one_view {
		width: 620px;
		margin: 0 auto;
	}
</style>
